<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>数据查看--layui后台管理模板</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all" />
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1041315_0zq2yro0cfn.css">
    <style type="text/css">
        .layui-form-item .layui-inline{ width:33.333%; float:left; margin-right:0; }
        @media(max-width:1240px){
            .layui-form-item .layui-inline{ width:100%; float:none; }
        }
        .layui-form-item .role-box {
            position: relative;
        }
        .layui-form-item .role-box .jq-role-inline {
            height: 100%;
            overflow: auto;
        }
        .detail-body{
            margin: 20px 20px 20px 20px;
            min-height: 306px;
            line-height: 26px;
            color: #333;
            word-wrap: break-word;
        }
    </style>
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 100px;"><span class="star" style="color:red">*</span>表名</label>
        <div class="layui-input-block" style="margin-left: 130px">
            <input type="hidden" name="oldname"  th:value="${tableVO.name}" >
            <input type="text" class="layui-input" name="name" lay-verify="tablename" id="tablenameinput" th:value="${tableVO.name}" readonly>
        </div>
    </div>
    <div class="layui-form-item" >
        <label class="layui-form-label" style="width: 100px;">备注</label>
        <div class="layui-input-block" style="margin-left: 130px">
            <input type="hidden"  name="oldcomment" th:value="${tableVO.comment}" >
            <input type="text" class="layui-input" name="comment" lay-verify="required" th:value="${tableVO.comment}" readonly>
        </div>
    </div>
    <div class="layui-form-item" id="openedDiv">
        <label class="layui-form-label" style="width: 100px;">表类型</label>
        <div class="layui-input-block">
            <input type="hidden" id="tabletype" th:value="${tableVO.tabletype}">
            <input type="radio" name="tabletype" value="1" th:checked="${tableVO.tabletype==1}" title="基本类型"  disabled="">
            <input type="radio" name="tabletype" value="2" title="树结构类型(有父子继承关系的)" th:checked="${tableVO.tabletype==2}" disabled="">
            <input type="radio" name="tabletype" value="3" title="辅助表(多对多关联关系表)" th:f="${tableVO.tabletype==3}" disabled="">
        </div>
    </div>
</form>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>数据表格区域</legend>
</fieldset>
    <table class="layui-hide" id="demo" lay-filter="demo"></table>
    <script type="text/html" id="mShow">
        {{# if(d.dofor == "0"){ }}
        <div>辅助字段</div>
        {{# }else if(d.dofor == "input"){ }}
        <div>输入框</div>
        {{# }else if(d.dofor == "select"){ }}
        <div>下拉框</div>
        {{# }else if(d.dofor == "radio"){ }}
        <div>单选按钮</div>
        {{# }else if(d.dofor == "checkbox"){ }}
        <div>复选框</div>
        {{# }else if(d.dofor == "switch"){ }}
        <div>开关</div>
        {{# }else if(d.dofor == "timer"){ }}
        <div>时间控件</div>
        {{# }else if(d.dofor == "textarea"){ }}
        <div>普通文本域</div>
        {{# }else if(d.dofor == "editor"){ }}
        <div>编辑器</div>
        {{# }else if(d.dofor == "uploadImg"){ }}
        <div>上传图片</div>
        {{# }else if(d.dofor == "uploadFile"){ }}
        <div>上传文件</div>
        {{# }else{ }}
        <div>未知用途</div>
        {{# } }}
    </script>
    <script type="text/html" id="isNullValue">
        {{#  if(d.isNullValue == 'YES'){ }}
        <span class="layui-badge layui-bg-green">YES</span>
        {{#  } else { }}
        <span class="layui-badge">NO</span>
        {{#  } }}
    </script>
    <script type="text/html" id="isShow">
        {{#  if(d.listIsShow == true){ }}
        <span class="layui-badge layui-bg-green">是</span>
        {{#  } else { }}
        <span class="layui-badge">否</span>
        {{#  } }}
    </script>
    <script type="text/html" id="isSearch">
        {{#  if(d.listIsSearch == true){ }}
        <span class="layui-badge layui-bg-green">是</span>
        {{#  } else { }}
        <span class="layui-badge">否</span>
        {{#  } }}
    </script>

<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/js/table/tableEdit.js"></script>
</body>
</html>